<template>
<div class="home">
    <el-row :gutter="24">
      <el-col :span="24">
        <el-menu
          :default-active="activeIndex"
          class="el-menu-demo"
          mode="horizontal"
         router
        >
          <el-menu-item index="/home">高伟达加班费用报销</el-menu-item>
        </el-menu>
      </el-col></el-row>
     <el-row :gutter="12">
       <!-- <el-col :span="4">
          <el-timeline :reverse="reverse">
            <el-timeline-item
              v-for="(activity, index) in activities"
              :key="index"
              :timestamp="activity.timestamp">
              {{activity.content}}
            </el-timeline-item>
          </el-timeline>
       </el-col> -->
      <el-col :span="12">
        <el-card shadow="always">
          <ul>
            <li>默认加班时间：20:30，如需修改默认加班时间点击上述时间组件。</li>
            <li>周一到周五按照时间组件计算是否加班（第二天5点前打卡算做前一天加班），周六周日打卡即算加班</li>
             <li>工时表名称以“项目编号#”开头。如：190777-96#XD软件序列考勤表.xls</li>
            <li>周一到周五按照时间组件计算是否加班（第二天5点前打卡算做前一天加班），周六周日打卡即算加班</li>
            <li>sheet名称为["XD软件序列考勤表","信贷与邮储事业部考勤表"]</li>
            <li>如果不上传打卡记录直接导出工时，请填写月份、考勤周期（一定要填写准确因为周期天数不同）</li>
            <li>如果不能上传文件，可能是浏览器不兼容，请使用最新版火狐、谷歌浏览器</li>
          </ul>
        </el-card>
      </el-col>

      
    </el-row>
</div>
</template>

<script>
import downloadfn  from "../downExcel";
export default {
  data() {
    return {
      activeIndex: "",
      reverse: true,
        activities: [{
          content: '添加sheet名称‘信贷与邮储事业部考勤表’读取',
          timestamp: '2021-03-28'
        }, {
          content: '通过审核',
          timestamp: '2018-04-13'
        }, {
          content: '创建成功',
          timestamp: '2018-04-11'
        }],
      fileName: "testExcel",
      xmindJSON: [
        {
          Code: 1,
          Name: "里斯",
          GBPerfix: "ABC-F",
          stop: "测试",
        },
        {
          Code: 2,
          Name: "里斯1",
          GBPerfix: "ABC-B",
          stop: "测试1",
        },
        {
          Code: 3,
          Name: "里斯2",
          GBPerfix: "ABC-D",
          stop: "测试1",
        },
      ],
      config: {
        colwidth: [{ wpx: 169 }, { wpx: 63 }, { wpx: 203 }, { wpx: 128 }],
        _this: this,
      },
      title: ["功能模块与路径", "用例编号", "前置条件"],
    };
  },
  methods: {
       sss() {
            downloadfn(this.xmindJSON, this.config);
        }
  },
  created() {},
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
.invoice {
  .excel {
    width: 1400px;
    overflow: auto;
    h2 {
      width: 1200px;
      text-align: center;
    }
    table {
      td {
        text-align: center;
        height: 40px;
      }
    }
  }
  
}
ul li{
    text-align: left;
  }
</style>
